/**
 * 学习目标：JSX-插值表达式的基本使用 -基本数据类型
 * 表达式
 * 1. 变量?
 * 2. 基本数据类型: number string
 * 3. 引用数据类型: array object function
 * 4. 其它类型: 三元表达式 逻辑且 JSX本身
 *
 */
import React from 'react';
import ReactDOM from 'react-dom';
const aa = 123;
const divNode = (
  <div>
    <h1>{aa}</h1>
    {/* number string 💥正常显示*/}
    <h1>{'hello React'}</h1>
    <h1>{456}</h1>
    {/* boolean undefined null 💥不会显示在界面上 */}
    <h2>
      {true} - {String(true)}
    </h2>
    <h2>{false}</h2>
    <h2>{undefined}</h2>
    <h2>{null}</h2>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
